<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Facelet Title</title>
        <style>
            .transparent_class {  
                filter:alpha(opacity=50);  
                -moz-opacity:0.5;  
                -khtml-opacity: 0.5;  
                opacity: 0.5;  
            } 
        </style>
        <script src="js/jquery-1.9.1.js" />
    </h:head>
    <h:body>

<style type="text/css">

.file { 
    position:absolute; filter:alpha(opacity=50);opacity:0.5;z-index:99
}

</style>
<div class="line"> 
  <label>上传文件：</label>
  <input type="text" id="viewfile"/>
  <input type="button" id="upload1" value="浏览..." />
  <input  type="file" id="upload" />
</div>
        <script>
        $(function(){
            $("#upload").attr("class","file");
            $("#upload").offset({top:$("#viewfile").offset().top,left:$("#viewfile").offset().left});
        })
            


            
        
    </script>
        
        
    </h:body>
    
</html>

